<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<!--[if lt IE 9]><!-->
		<script src="http://code.jquery.com/jquery-1.11.3.min.js "></script>
		<!--<![endif]-->
		<!--[if gte IE 9]><!-->
		<script src="https://code.jquery.com/jquery-3.2.1.min.js "></script>
		<!--<![endif]-->
		<script>
			$(document).ready(function() {
			$("[id]").css("background-color", "bisque");
			$("[id=choose]").css("color", "chartreuse");
			/*$("p[class!='intro']").css("background-color", "cyan");*/
			$("a[href$='.org']").css("background-color", "paleturquoise");
			$("p[title|='Tomorrow']").css("border", "solid yellow");
			$("[title^='Tom']").css("color", "crimson");
			$("[title~='hello']").css("text-decoration","underline");
			$("[title*='hello']").css("color", "brown");
			});
		</script>
	</head>

	<body>
		<h1>欢迎访问我的主页</h1>
		<p class="intro">菜鸟教程</p>
		<p>学的不仅是技术，更是梦想！</p>
		<p>学的不仅是技术，更是梦想！</p>

		<a href="http://www.runoob.com">菜鸟教程</a><br>
		<a href="http://www.google.com">Google.com</a><br>
		<a href="http://www.wikipedia.org">wikipedia.org</a>

		<p>你最喜欢的网站:</p>
		<ul id="choose">
			<li>Google</li>
			<li>Taobao</li>
			<li>Runoob</li>
		</ul>

		<h6>所有带有 title 属性且值以 "Tom" 开头的元素</h6>	
		<p title="Tomorrow">Tomorrow</p>
		<p title="tomorrow">tomorrow</p>
		<p title="Tom">Tom</p>
		<p title="See You Tomorrow">See You Tomorrow</p>
		<p title="Tomorrow-the day after today">Tomorrow-the day after today</p>
		
		<h6>所有带有 title 属性且值包含单词 "hello" 的元素</h6>
		<p title="hello">hello</p>
		<p title="ANNA,hello">ANNA,hello</p>
		<p title="ANNA hello">ANNA hello</p>
		
	</body>

</html>